// axios({
//     url:'/register',
//     method:'post',
//     data:{
//         username:'O椰666666',
//         password:'123456'
//     }
// }).then(res =>{
//     console.log(res)
    
// })


// 注册功能：点注册按钮→收集用户输入的数据→axios发送到后台，成功后showTast提示用户
document.querySelector('#btn-register').addEventListener('click',async function(){
    const data = serialize(document.querySelector('.register-form'),{hash:true,empty:true})
    // console.log(data)
    // data: {username: xx}
    // data: data
    // data →一个data单词，不要包对象


    const {username,password} = data
    // 条件一：用户名和密码不能为空
    // 方法一：
    // if(username == '' || password == ''){
    //     showToast('用户名和密码不能为空')
    //     return
    // }
    // 方法二：
    if(username == '' || password == '') return showToast('用户名和密码不能为空')

    //条件二：用户名和长度都需要满足
    if(username.length<8 || username.length >30 || password.length <6 || password.length > 30) return showToast('用户名和密码长度不符合')
    // 发送请求之前，要本地验证数的基本长度要求，减轻服务器压力
    

    // 捕获可能的错误
    try {
        const res = await axios.post('/register',data)
        console.log(res)
        showToast(res.message)
    } catch (error) {
        // console.log(error)    //无法输出有用信息
        // dir 展开error对象，看对象细节
        console.dir(error)
        showToast(error.response.data.message)
    }
    
})